*{
    font-family: "lucida grande",arial,tahoma,verdana,sans-serif;
    font-size: 12px;
}
.fangate{
	max-width: 810px;
}
body #master_container{
    padding-bottom: 20px;
}
.sm_admin_pannel{
    padding: 12px 10px;
    height: 24px;
    background: #FFF8E5;
    vertical-align: middle;
    border-top: 1px solid #CBC9CA;
    margin-bottom: 20px;
}

a:hover{
    text-decoration: underline;
}

.sm_admin_setting:hover,
.sm_paypal:hover{
    cursor: pointer;
}

.sm_admin_setting{
    width: 172px;
    height: 24px;
    text-align: left;
    background: url("image/icon_setting.png") no-repeat #FFF8E5 left center;
    float: left;
    padding-left: 32px;
    vertical-align: middle;
    line-height: 24px;
}

.sm_admin_setting_text{
    color: #395b98;
    font-size: 13px;
    font-weight: bold;
}

.sm_paypal{
    width: 420px;
    height: 24px;
    text-align: right;
    float: right;
    line-height: 24px;
}

.sm_paypal_text{
    color: #36373b;
    font-size: 13px;
    font-weight: normal;
}

.sm_banner{
    margin-bottom: 10px;
    width: 810px;
    overflow: hidden;
}

.sm_banner h2{
    font-size: 28px;
    padding: 0;
    margin: 10px 0;
    display: none;
}

.sm_banner img{
    margin: 0 auto;
    border: 0;
}

.sm_fanpage_menu{
    padding: 0;
    margin-bottom: 20px;
}

.sm_fanpage_menu_action {
        width: 100%;
        overflow: hidden;
        background-image: url("image/bg_fanpage_progress_bar.png");
        background-repeat: repeat-x;
        background-position: 0px 26px;
}
.sm_fanpage_menu_action li {
    float: left;
    list-style: none;
    margin-left: 2px;
    border: 1px solid #D1D8E7;
    border-bottom: 0px;
}
.sm_fanpage_menu_action li:first-child,
.sm_fanpage_menu_action li#view_entries{
    margin-left: 3px;
}
.sm_fanpage_menu_action li.link_submit_entry {
    float: right;
    margin-right: 3px;
}
.sm_fanpage_menu_action li a{
    display: block;
    padding: 0px 12px;
    line-height: 27px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    background-image: url("image/bg_fanpage_progress_bar.png");
    background-color: #C4CDE0;
    background-repeat: repeat-x;
    background-position: 0px -4px;
    color: #000000;
    font-size: 13px;
}
.sm_fanpage_menu_action li.link_submit_entry.active a,
.sm_fanpage_menu_action li.link_submit_entry.active:hover a,
.sm_fanpage_menu_action li.active a:hover,
.sm_fanpage_menu_action li.active a{
    background-position: 0px -34px;
    background-color: #FFFFFF;
    color: #000000;
}
.sm_fanpage_menu_action li.link_submit_entry:hover a,
.sm_fanpage_menu_action li a:hover{
    background-position: 0px -34px;
    background-color: #FFFFFF;
    color: #000000;
}
/*.sm_fanpage_menu_action li.link_submit_entry:hover a,
.sm_fanpage_menu_action li a:hover{
    background-color: #EFEFEF;
    background-position: 0px -94px;
    color: #000000;
}*/
.sm_fanpage_menu_action li.link_submit_entry a{
    background-position: 0px -64px;
    background-color: #3B5998;
    color: #FFFFFF;
}

.sm_fanpage_contents{
    padding: 0;
}

.sm_fanpage_contents .contest_detail{
    padding: 0px;
    margin-bottom: 20px;
}
.sm_fanpage_contents .group_button{
    margin-bottom: 20px;
}
.sm_fanpage_contents .social_plugin{
    padding-bottom: 20px;
}
.sm_fanpage_contents .contest_detail pre{
    white-space: normal;
}
.sm_fanpage_contents .search_form{
    height: 28px;
    margin-bottom: 20px;
}
.sm_fanpage_contents .search_form .sort_control label{
    display: block;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-right: 8px;
}
form.sm_form.search select,
.sm_fanpage_contents .search_form .sort_control select,
form.sm_form.search input[type="text"]
{
    width: 140px;
    height: 18px;
    line-height: normal;
    padding: 4px;
    background-color: white;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    color: #333;
    vertical-align: middle;
}
form.sm_form.search input[type="text"]{
    width: 240px;
}

form.sm_form.search input[type="submit"]{
    background: url("image/icon_search.png") no-repeat;
    height: 28px;
    width: 35px;
    border: none;
}

.sm_fanpage_contents .entries_wrapper{
    clear: both;
	width: 100%;
}

.entries_wrapper .sm_grid_layout li{
    width: 185px;
    padding: 0px;
    border: 1px solid #c4cde0;
    background: none #f7f7f7;
}

.entries_wrapper .sm_grid_layout li.nth_0,
.entries_wrapper .sm_grid_layout li.nth_1,
.entries_wrapper .sm_grid_layout li.nth_2
{
    margin: 0px 20px 20px 0px;
}
.entries_wrapper .sm_grid_layout li.nth_0{
    margin: 0px 20px 20px 1px;
}
.entries_wrapper .sm_grid_layout li.nth_3{
    margin: 0px 1px 20px 0px;
}

.entries_wrapper .sm_grid_layout li:hover{
    border: 1px solid #3a5999;
    background: none #f7f7f7;
}

.entries_wrapper .sm_grid_layout li .img{
    width: 175px;
    height: 175px;
    border: none;
}

.entries_wrapper .sm_grid_layout li .view_detail{
    font-weight: normal;
    padding: 0 10px;
    width: 165px;
}
.entries_wrapper .sm_grid_layout li .view_detail .ellipsis{
    color: #375d9b;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-weight: normal;
    padding: 2px 0;
    text-align: center;
}
.entries_wrapper .sm_grid_layout li .view_detail .ellipsis.title > *{
    font-size: 12px;
    font-weight: bold;
}
.entries_wrapper .sm_grid_layout li .view_detail .ellipsis > *{
    font-size: 11px;
    font-weight: normal;
}
.entries_wrapper .sm_grid_layout li .view_detail .ellipsis > label{
    color: #c4c4c4;
}
.entries_wrapper .sm_grid_layout li .view_detail .vote_number{
    padding-left: 0;
    color: green;
    float: right;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 0;
}

#slideImage{
    width: 810px;
    line-height: 0;
}

.ContestPicture {
    min-height: 100px;
    width: 806px;
    display: block;
    position: relative;
    background-color: #333;
    text-align: center;
    border: 1px solid #333;
    -webkit-border-radius: 3px;
    border-radius: 3px;		
}

.ContestPicture img{
    max-width: 806px;
}

.NextPage,
.ThisPageImages,
.PreviousPage {
    float: left;
}
.ThisPageImages {
    width: 720px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 2px;
    overflow: hidden;
}
.NextPage,
.PreviousPage {
    width: 12px;
    height: 19px;
    padding: 24px 16px;
}

.NextPage a,
.PreviousPage a
{
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    height: 19px;
    width: 12px;
    background-color: transparent;
}

.PreviousPage a.disabled:hover,
.PreviousPage a.disabled
{
    background-position: 0px 0px;
    background-image: url("image/icon_next_pre_pages.png");
    cursor: text;
}

.NextPage a.disabled:hover,
.NextPage a.disabled {
    background-position: -18px 0px;
    background-image: url("image/icon_next_pre_pages.png");
    cursor: text;
}

.PreviousPage a,
.PreviousPage a:hover{
    background-image: url("image/icon_next_pre_pages.png");
    background-position: 0px -24px;
    cursor: pointer;
}
.NextPage a,
.NextPage a:hover{
    background-image: url("image/icon_next_pre_pages.png");
    background-position: -18px -24px;
    cursor: pointer;
}
.PreviousPage a img,
.NextPage a img{
    border: none;
}
.ContestPicture:hover .next_photo,
.ContestPicture:hover .pre_photo{
    display: block;
}
.next_photo,
.next_photo.disabled:hover,
.pre_photo,
.pre_photo.disabled:hover
{
    display: none;
    height: 48px;
    position: absolute;
    top: 45%;
    width: 28px;
    z-index: 1;
    background: url("image/icon_next_pre_photo.png") no-repeat;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-transition: opacity .2s;
}

.next_photo, 
.next_photo.disabled:hover
{
    background-position: -56px -123px;
    right: 20px;
    cursor: text;
}

.next_photo:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer;
}

.pre_photo, 
.pre_photo.disabled:hover
{
    left: 20px;
    background-position: 1px -123px;
    cursor: text;
}

.pre_photo:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer;
}

#slidePaging {
    background-position: top;
    background-repeat: repeat;
    height: 68px;
    width: 100%;
}

#slidePaging ul {
    width: 10000px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
}
#slidePaging ul li {
    float: left;
    list-style: none;
}

#slidePaging ul li a {
    display: block;
    /* start of transparency styles */
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity:0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* end of transparency styles */
    border: solid 1px transparent;
}

#slidePaging ul li a img{
    display: block;
    width: 58px;
    height: 58px;
    border: none;
}

#slidePaging ul li.Current a,
#slidePaging ul li a:hover{			
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity:1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*#slidePaging ul li a:hover{
    width:155px;
    height:155px;
    margin-top: -105px;
    position: relative;
    z-index: 9;
}

#slidePaging ul li a:hover img {
    width:155px;
    height:155px;
}*/

            
.hidden{
    display: none;
}

.entry_info{
    clear: both;
}

.entry_info .photo_detail{
    width: 520px;
    float: left;
    padding: 10px;
    background: none;
    border: none;
}

.entry_info .photo_detail a{
}
.entry_info .photo_detail .social_plugin .fb_recommend a{
    font-size: 12px;
}

.entry_info .photo_detail .entry-description{
    color: #333333;
	clear: left;
}

.entry_info .photo_detail .detail-permanent {
	color: #333333;
}
.detail-permanent .permanent_control a.active{
    text-decoration: underline;
}
.entry_info .photo_detail .detail-permanent .url_pannel {
	width:510px; 
    margin-top: 10px;
}
.url_pannel input{
	width: 486px; 
	height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.entry_info .photo_detail .social_plugin{
	padding: 5px 0;
    color: #4B5BAF;
}

.entry_info .photo_detail .social_plugin a.icon_share{
    padding-right: 10px;
    background: url("image/icon_share.png") no-repeat;
    height: 24px;
    width: 80px;
    display: block;
}

.entry_info .photo_detail h3.title{
    font-size: 22px;
    margin: 0;
    color: #333333;
}

.entry_info .photo_detail p{
    color: #8e8e8e;
    margin: 5px 0 10px;
    color: #666666;
}

.entry_info .photo_detail p a{
    color: #455696;
}

.entry_info .vote_panel{
    float: right;
    padding: 10px 0;
}
.entry_info .vote_panel ul li{
    position: relative;
    width: 100%;
    height: 100%;
}
.entry_info .vote_panel .loading{
    background: url("http://demo.marcofolio.net/facebook_loader/images/loading.gif") no-repeat center center gray;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
}
.entry_info .vote_panel .horizon{
    width: 240px;
    height: 120px;
    display: block;
    padding: 5px;
    background-color: #f2f4f7;
    border: 2px solid #cfcfcf;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.entry_info .vote_panel .horizon li .vote_number{
    font-size: 32px;
    color: #204186;
    display: block;
    padding: 10px;
}

.entry_info .vote_panel .horizon li .btn_vote{
    background: none #50619d;
    border-radius: 5px;
    border: 1px solid #29324c;
    font-size: 18px;
    font-weight: normal;
}

.entry_info .vote_panel .horizon li .btn_vote:hover{
    
}

.entry_info .vote_panel .horizon li .btn_vote.disabled,
.entry_info .vote_panel .horizon li .btn_vote.disabled:hover
{
    background: none #bababa;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    font-size: 18px;
    font-weight: normal;
    color: #f2f2f2;
    cursor: text;
}
.sm_message_panel{
    margin: 0;
    width: 810px;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 20px;
    line-height: 150%;
    clear: both;
}
.sm_message_panel p{
    padding: 5px;
    margin: 0px;
}
.hint {
    color: #999999;
    font-weight: bold;
}
#terms_and_conditions-element {
    padding: 5px 0;
}
#terms_and_conditions-element > input[type="checkbox"]{
    margin-top: 2px;
}
.fanpage_button{
    background: url("image/bg_fanpage_button.png") #3B5998;
    background-position: 0px 0px;
    border-radius: 5px;
    font-size: 12px;
    padding: 6px 12px;
    display: inline-block;
    color: white;
    cursor: pointer;
    font-weight: bold;
	border: 1px solid #6c83b2;
    line-height: normal;
}
.fanpage_button:hover{
    text-decoration: none;
    background-position: 0px -36px;
    border: 1px solid #253d6f;
}
.fanpage_button.btn_reset,
.fanpage_button.submit_entry{
    margin-left: 5px;
}

/*form#entry_form select,
form#entry_form textarea,
form#entry_form input {
    border: solid 1px #cccccc;
}*/
#search_form{
	width: 100%;
	float: none;
}
#search_form .sm_form.search{
	float: left;
}
#search_form .sort_control{
	float: right;
}
.sort_control select{
	background-color: white;
    border: 1px solid #DBDBDB;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    height: 22px;
    padding: 4px;
	width: 125px;
    vertical-align: middle;
}
/** Specialize social control **/
.recommend_container {
	width:100%; 
	margin:0 auto; 
	height:34px;
}
.seperator {
	padding:16px 35px;
}

.social_plugin .btn_share_container, 
.social_plugin .btn_recommend_container {
	width:auto;
	border: none;
	float:left;
	height: 100%;
}
.social_plugin .seperator {
	padding: 6px 10px 6px 30px;
}
.social_plugin .fb_button_share_custom {
	padding-left: 20px ;
    background: url("image/button-contestfanpage.png") no-repeat -13px -93px; 
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}
.social_plugin .fb_button_recommend {
    background: url("image/button-contestfanpage.png") no-repeat -8px -126px; 
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}
.social_plugin .fb_like {
	padding: 3px 0;
    float:left;
	height:22px;
	display: inline-block;
}
.social_plugin .btn_recommend_container:hover, 
.social_plugin .btn_share_container:hover {
	background:none;
}
.social_plugin .recommend_back {
	display:block; 
	position:relative;
	bottom: 0px; 
	background: none;
	width:100%; 
	text-align:left; 
	height:34px;
}
.photo_detail .social_plugin{
    padding-bottom: 0;
}

.fb_dialog_content ol{
    list-style: decimal inside;
}
.fb_dialog_content ul{
    list-style: disc inside;
}
#dialog pre {
	white-space: normal;
}

/**
 * sm_form CSS
 */
.sm_form.standard{

}
.sm_form.standard select,
.sm_form.standard textarea,
.sm_form.standard input[type="file"],
.sm_form.standard input[type="text"]{
    border: 1px solid #DADADA;
	border-radius: 3px;
    padding: 4px 2px;
    height: 17px;
    max-width: 490px;
}
.sm_form.standard textarea{
    height: 40px;
    line-height: 17px;
}
.sm_form.standard input[type="checkbox"],
.sm_form.standard input[type="radio"]{
    height: 13px;
    margin: 3px 4px 4px 0px;
    vertical-align: middle;
}
.sm_form.standard .length_short{
    width: 120px;
}
.sm_form.standard .length_medium{
    width: 240px;
}
.sm_form.standard .length_longer{
    width: 360px;
}
.sm_form.standard .length_longest{
    width: 480px;
}
.sm_form.standard > dl{
    
}
.sm_form.standard > dl > *{
    height: 100%;
    width: 100%;
}
.sm_form.standard > dl > dt{
    width: 20%;
    padding: 5px 0 5px 8%;
    float: left;
    line-height: 27px;
}
.sm_form.standard > dl > dt > label{
    color: #000000;
    font-weight: normal;
}
.sm_form.standard > dl > dt:after{
    content: ":";
}
.sm_form.standard > dl > dt > label.required:after{
    content: " (*)";
    color: red;
    font-weight: normal;
}
.sm_form.standard > dl > dd{
    width: 72%;
    float: left;
    padding: 5px 0;
}
.sm_form.standard > dl > dd .hint{
    font-size: 12px;
    font-weight: normal;
}

/*CSS for only Form Submit Entry*/
.sm_form.standard > dl > dd input[type="file"] {
    width: 480px;
    height: auto;
    padding: 0 4px 0 0;
    border: 0 none;
    border-radius: 3px;
    margin: 3px 0;
}
@-moz-document url-prefix() { 
    .sm_form.standard > dl > dd input[type="file"] {
        padding: 2px;
        border: 1px solid #DADADA;
        margin: 1px 0;
    }
}
.sm_form.standard > dl > dd input[type="file"]{
    border: 1px solid #DADADA \0/;
    padding: 3px \0/;
    margin: 2px 0 \0/;
}
.sm_form.standard > dl > dd#terms_and_conditions-element{
    margin-left: 28%;
}
.sm_form.standard > dl > dt#submitButtons-label:after{
    content: "";
}
span.terms_des{
    line-height: 25px;
}

.cp_paging ico:hover,
.cp_paging ico{
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: 0;
    border: 0 none;
    cursor: pointer;
}
.cp_paging ico:hover{
    box-shadow: 1px 1px 1px 1px #FFF8E5;
}
.cp_paging ico.refresh{
    background: url("image/icon_refresh.png") no-repeat transparent;
}

/**
 * Re-style ol, ul
 */
.ui-dialog-content.ui-widget-content ol,
.ui-dialog-content.ui-widget-content ul,
.contest_detail ol, 
.contest_detail ul {
    margin: 13px 0;
    padding-left: 20px;
}
.ui-dialog-content.ui-widget-content ol,
.contest_detail ol {
    list-style-type: decimal;
}
.ui-dialog-content.ui-widget-content ul,
.contest_detail ul {
    list-style: disc inside none;
}

/**
 * CSS for detail page view two column
 */
.sm_fanpage_contents .col_left{
    width: 480px;
    float: left;
}
.col_left #slideImage{
    width: 480px;
    margin-bottom: 20px;
    line-height: 0;
}
.col_left #slideImage .ContestPicture{
    width: 478px;
}
.col_left #slideImage .ContestPicture img{
    max-width: 478px;
}
.col_left #slideImage .ContestPicture a.fullcreen{
    background: url("image/icon_next_pre_pages.png") no-repeat 0 0 transparent;
    position: absolute;
    top: 4px;
    right: 4px;
    height: 19px;
    width: 19px;
    display: block;
    cursor: pointer;
    background-position: -40px -7px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
}
.col_left #slideImage .ContestPicture a.fullcreen:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.col_left #slidePaging{
    height: 68px;
    width: 480px;
}
.col_left #slidePaging .NextPage, 
.col_left #slidePaging .PreviousPage{
    width: 12px;
    height: 19px;
    padding: 24px 24px;
}
.col_left #slidePaging .ThisPageImages{
    width: 360px;
}
.col_left .permanent_link,
.col_left .entry_info{
    width: 480px;
    clear: both;
    display: inline-block;
}
.col_left .entry_info .social_actions{
    width: 350px;
    float: left;
}
.col_left .entry_info .vote_panel{
    padding: 0;
}
.col_left .entry_info .vote_panel .horizon{
    width: 116px;
    height: 72px;
}
.col_left .entry_info .vote_panel .horizon .vote_number{
    font-size: 18px;
    padding: 5px 0;
}
.col_left .entry_info .vote_panel .horizon .btn_vote{
    font-size: 16px;
}
.col_left .permanent_link .permanent_control{
    margin-bottom: 10px;
}
.col_left .permanent_link .url_pannel input{
    width: 458px;
}
.sm_fanpage_contents .col_right{
    width: 320px;
    padding-left: 10px;
    float: right;
}
.col_right .entry_info .photo_detail{
    width: 320px;
    padding: 0;
    margin-bottom: 20px;
}
.col_right .entry_info .photo_detail h3.title{
    font-size: 16px;
}
.col_right .entry_info .photo_detail .entry-description{
    color: #333;
    clear: left;
    margin: 5px 0;
    font-size: 12px;
}
.footer_msg {
    font-size: 11px ;
    color: #666;
    font-weight: bold;
    text-align: justify;
    margin-bottom: -5px;
}
.footer_msg a{
     font-size: 11px !important;
}